<template>
    <div class="main-page">
        <div class="center">
            <div class="center-name">大数据共享平台管理系统</div>
            <div class="center-msg">
                <span>{{msgTitle}}</span>
            </div>
            <div class="center-ts">
                <svg-icon icon-class="prompt" class="center-svg"></svg-icon>
                <span>请点击左侧导航栏的模块名称，进入相应模块进行操作</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return{
            msgTitle: ''
        }
    },
    props:{
        systemId:String
    },
    created(){
       
    },
};
</script>

<style lang="scss" scoped>
.center {
    width: 630px;
    margin: 100px auto 0;
    .center-name {
        text-align: center;
        color: #fe0000;
        font-size: 32px;
    }
    .center-msg{
        height: 160px;
        text-indent: 2em;
        display: flex;
        align-items: center;
    }
    .center-ts {
        background-size: 20px 20px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        text-indent: 8px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .center-svg {
        width: 20px;
        height: 20px;
    }
}
</style>